import Loading from './loading.vue'
// 将Loading 这个组件对象 注册为组件
// 得到组件实例调用 $mount.$el 得到dom结构插入到body中
// Vue.component("loading",Loading)
// 全局 局部 路由 三种注册组件的方式，这是第四种 Vue.extend()
// Vue.extend()
// eg:
// const LoadingClass = Vue.extend(Loading) 返回的是构造函数
// const loading1 = new LoadingClass()
const loading = {
  install (Vue) {
    // 得到组件的构造器(创建一个构造函数)
    const LoadingClass = Vue.extend(Loading)
    // 得到组件实例
    const loadingvm = new LoadingClass()
    // console.log(loadingvm.$mount().$el)
    document.body.appendChild(loadingvm.$mount().$el)
    Vue.prototype.$showLoading = () => {
      loadingvm.isShow = true
    }
    Vue.prototype.$hideLoading = () => {
      loadingvm.isShow = false
    }
  }
}
export default loading
